<template>
<div class="wrap">
<!-- component -->
<About>
</About>
<div class="company1">
<router-link to='/footer/About' tag='a'>查看更多</router-link>
</div>
<!-- component -->
            <!--Product-->
<app-product></app-product>

			<!--Product-->
    <!-- honor -->
    <app-honour></app-honour>
    <div class='productpp'>
        <router-link to='/Product' tag='a' class="ckgd">查看更多</router-link>
    </div>
    	
    <!-- honor -->
            </div>
</template>
<script>
import About from './footer/About.vue'
import Product from './Product.vue'
import Honour from  './Honour.vue'
export default{
    name:'First',
    data(){
        return {
          
        }
    },
    components:{
        About,
        'app-product':Product,
        'app-honour':Honour
    }
}
</script>
<style scoped>
.wrap{margin-bottom:1.4rem;}
.company1 a{font-size:.24rem;width:1.57rem;padding:.1rem 0;border:.01rem solid #095927;color:#2d6e0c;
display:block;text-align:center;line-height:.42rem;border-radius:.4rem;margin:0 auto;margin-top:.09rem;margin-bottom:.17rem;}
.productpp .ckgd{font-size:.24rem;width:1.56rem;padding:.1rem 0;border:.01rem solid #fff;
display:block;text-align:center;line-height:.42rem;border-radius:.2rem;margin:0 auto;margin-top:.1rem;color:#fff;}
</style>